<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
    <title>web App</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/common.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="top">
        <div class="container">
            <div class="row">
                <div class="col-xs-3">
                    <a href="javascript:history.go(-1);"><img src="images/back_message.png" alt="" class="img-responsive center-block"></a>
                </div>
                <div class="col-xs-6 pt5"><img src="images/top_title.png" alt="" class="img-responsive center-block"></div>
                <div class="col-xs-2 col-xs-offset-1">
                    <img src="images/menu.png" alt="" class="img-responsive center-block">
                </div>
            </div>
            <div class="row">
            	<div class="col-xs-12 pt45 title_h1"><img src="images/title.png" alt="" class="img-responsive center-block"></div>
            	<div class="col-xs-12 ptb30 logo"><img src="images/logo.png" alt="" class="img-responsive center-block"></div>
            	<div class="col-xs-12"><img src="images/title_2.png" alt="" class="img-responsive center-block"></div>
            </div>
        </div>
    </div>
    <div class="container">
    	<div class="row">
    		<div class="col-xs-12 ptb40">
    			<img src="images/upload_avatar_title.png" alt="" class="img-responsive center-block">
    		</div>
    		<div class="col-xs-6"><img src="images/error_avatar_03.gif" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-6"><img src="images/ok_avatar_03.gif" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12">
    			
    		<a href="" class="btn btn-block btn-lg upload_btn"><img src="images/upload_btn.png" alt="" class="img-responsive center-block"></a>
    		</div>
    		<div class="col-xs-12 info_title"><img src="images/info_title.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12"><img src="images/info_pic.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12">
    			<a href="#" class="btn btn-lg info_btn btn-block"><img src="images/info_btn.png" alt="" class="img-responsive center-block"></a>
    		</div>
    		<div class="find_title_box">
                <div class="col-xs-12 title1">
                    <img src="images/find_title.png" alt="" class="img-responsive center-block">
                </div>
                <div class="col-xs-12"><img src="images/find_title2.png" alt="" class="img-responsive center-block"></div>
            </div>
    		<div class="col-xs-12"><img src="images/find_pic.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12 ptb30"><img src="images/title3.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12"><img src="images/title3_pic.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12 habit_title">
                <div class="bg_margin">
                    <img src="images/title_4.png" alt="" class="img-responsive center-block">
                </div>
            </div>
    		<div class="col-xs-12"><img src="images/title_4_1.png" alt="" class="img-responsive center-block"></div>
    		<div class="col-xs-12 ptb40"><img src="images/title_4_pic.png" alt="" class="img-responsive center-block"></div>
    	</div>
    </div>
</body>
<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
$(function() {});
</script>

</html>
